<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:c="http://java.sun.com/jsp/jstl/core"
      xmlns:fn="http://java.sun.com/jsp/jstl/functions">


    <body>

        <ui:composition template="./UserTemplate.xhtml">

            <ui:define name="content">

                <h1 style="color: #0000FF">Event Details!</h1>
                <table width="762" height="496" border="0">
                    <tr>
                        <td height="46" colspan="3"><div align="left">  <p:commandLink style="color: red" value="#{UsereventBean.selectev.eventTitle}"/></div></td>
                    </tr>
                    <tr>
                        <td width="184" align="left" valign="top"><p:commandLink >
                                <p:graphicImage width="180" height="269" value="#{UsereventBean.selectev.eventImg}"/>
                            </p:commandLink></td>
                        <td width="160" height="244" align="left" valign="middle"> <h:outputText style="color: red" value="Event Info:"></h:outputText></td>
                        <td width="396" align="left" valign="middle"> <h:outputText value="Event Info: #{UsereventBean.selectev.eventInfo}" /></td>
                    </tr>
                    <tr>
                        <td width="184">&nbsp;</td>
                        <td height="31" align="left" valign="top"><h:outputText style="color: red" value="Category:"></h:outputText></td>
                        <td align="left" valign="top"> <h:outputText value="#{UsereventBean.selectev.category.categoryName}"/></td>
                    </tr>
                    <tr>
                        <td width="184">&nbsp;</td>
                        <td height="30" align="left" valign="top"><h:outputText style="color: red" value="Release Date:"></h:outputText></td>
                        <td align="left" valign="top"> <h:outputText value="#{UsereventBean.selectev.releaseDate}" style="color: #66ccff">
                                <f:convertDateTime pattern="dd/MM/yyyy"/>
                            </h:outputText></td>
                    </tr>
                    <tr>
                        <td width="184">&nbsp;</td>
                        <td height="37" align="left" valign="top"><h:outputText style="color: red" value="End Date:"></h:outputText></td>
                        <td align="left" valign="top">  <p>
                                <h:outputText value="#{UsereventBean.selectev.endDate}" style="color: #66ccff">
                                    <f:convertDateTime pattern="dd/MM/yyyy"/>
                                </h:outputText>
                            </p></td>
                    </tr>
                    <tr>
                        <td>&nbsp;</td>
                        <td height="37" align="left" valign="top"><h:outputText value="Duration:" style="color: #66ccff"/></td>
                        <td align="left" valign="top"> <h:outputText value="#{UsereventBean.selectev.duration} hours" style="color: red"/></td>
                    </tr>
                    <tr>
                        <td>&nbsp;</td>
                        <td height="37" align="left" valign="top">
                            <h:commandLink action="Tickets" title="Buy tickets">
                                <p:graphicImage value="../resources/images/shared/get_a_ticket.png"/>
                                <f:setPropertyActionListener value="#{item}" target="#{UsereventBean.event}"/>
                            </h:commandLink></td>
                        <td align="left" valign="top">&nbsp;</td>
                    </tr>

                </table>

            </ui:define>
        </ui:composition>

    </body>
</html>
